iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 7
2
Modern Web

我的網站、您的手機、它的Cordova、誰的第三方系列 第 8

{"7":"not igo,gc&neo, Is GEO(start) "}

  • 分享至 

  • xImage
  •  

如果要用VS開發,Cordova 當底做為開發APP的工具,我們需要具備那些技能或知識,首先介紹一下...

基本如下:
HTML5、CSS、JavaScript
以上,不需要太懂也可以,但是要有最起碼的觀念,有觀念上網查資料才會比較容易查的到,不然可以參考在iT邦幫忙的「Maggie用那些,完成了這個網站』。

進階如下:
Jquery、JqueryMobile
以上,是稍微進階的工具,JqueryMobile比較容易懂,稍微看一下文件,再實作幾次,應該就沒有問題。

現在的前端開發平台,比較常見的可能有Bootstrap和JqueryMobile,這兩種我一直都有在使用,純電腦版就用Bootstrap,行動裝置版就用JqueryMobile,這次的Cordova我選擇用JqueryMobile。要用Bootstrap也可以,只是沒有選擇。

根據自己的經驗,用JqueryMobile做為行動裝置的行動版網站,在開發和實際使用都比較順暢,僅管JqueryMobile很久沒更新了(目前是1.4.5版),但還是好用。另一個讓人不討喜的地方,可能就是沒有Bootstrap那麼美觀,不過像是Facebook、Youtube等網站的介面,也談不上什麼美觀吧,要美觀自己調CSS也是可以的啦,這是我在做手機版時,用JqueryMobile的原因。

另一個觀念上的疑惑是...用網頁技術開發,再打包成Android 或 iOS的APP,到底是要用網頁技術開發的觀念去看,還是俗稱的 Native Code觀念去看? 當然...寫到目前為止,發現還是要用網頁技術的觀念去看待和Cordova相關的問題及疑惑。

比如,接下來要介紹的Plugin 「Geolocation」,大概三年前,我用HTML5+JqueryMobile寫了一個網站,裡面有一個功能,就是取得目前位置後,看看當下附近有沒有加油站、咖啡店之類的功能,畫面大概是下面這樣子...

http://ithelp.ithome.com.tw/upload/images/20161207/20006132JlMiVTOawO.png

http://ithelp.ithome.com.tw/upload/images/20161207/20006132Alx5PtQLDF.png

這寫好的網站,目前不能用了...因為Google API改了版本和微調了一些內容,所以正好可以用來調整成內含Cordova的版本,並且打包成APP。

一般的網站,要連後端的資料庫或是直接連Google Map裡的資料,應該都沒有什麼問題。但是...現在是要把網站打包成APP,在自己的智慧型手機上執行,可能就會有點不太一樣了。像是連資料庫的PHP檔案要放那裡? Security這部份該如何處理,會在後面一起和大家討論。

不過,我們還是先來看看,要怎麼取得自己目前的座標吧! Geolocation 有幾個屬性值可以取得,內容如下

屬性 功能
latitude 緯度
longitude 經度
altitude 高度
accuracy 位置誤差
altitudeAccuracy 高度誤差
heading 移動方向
speed 移動速度(Pokemon go!)

那個Pokemon go是開玩笑的,請不要當真...

再來,我們就可以試試,Geolocation的功能了。對了,Geolocation 是 Geolocation,跟Google Map沒有直接關係,只有間接關係。

「Allen...Allen...A先生...」

啊?『妳叫我? 怎麼了?』

「今天10月幾號?」

『今天? 10月...15吧? 怎了?』

「明天你生日耶!」

『哦,然後呢?』

「要跟去年一樣啊!」

我連到了Facebook網站,找到了去年生日當天的照片,我手指著照片,對女王說,『跟這一樣?洗廁所?』
http://ithelp.ithome.com.tw/upload/images/20161207/20006132FD41RuwKZ7.png

「那有...你去年才掃三間廁所,今年當然要不一樣,今年你生日的時候,所有房間你都包了,這是我送你的生日禮物,你要收下哦!」

在這個觀光人潮如光速消失的時機,有廁所可以掃,是幸福的...2016年的10月的我,還是對大環境太樂觀了!

(待)

2016/12/07 Sunallen


上一篇
{"6":"Cordova Core Plugin+s"}
下一篇
{"8":"not igo,gc&neo, Is GEO(end) "}
系列文
我的網站、您的手機、它的Cordova、誰的第三方32
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
海綿寶寶
iT邦大神 1 級 ‧ 2016-12-07 09:05:45

自從開了民宿之後
荷包瘦了
身材也瘦了
/images/emoticon/emoticon16.gif

我要留言

立即登入留言